<template>
	<div class="gooddeval_div">
		<div class="usereval_div">
			<p class="fl">用户评论 ({{prop_data_gppdEvalVO.productCommentsAllCount}})</p>
			<p class="fr">{{prop_data_gppdEvalVO.productCommentsHighProportion}}% 满意</p>
		</div>
		<ul class="evallist_ul">
		    <li class="evallist_li" v-for="(item,index) in prop_data_godEval.allCommentList" @click="show_evalinfo(prop_data_godEval.allCommentList.productCommentsPictureList[0].commentId)">
		    	<div class="evalheader_div">
		    		<div style="width: 0.8rem; height: 0.8rem; display: inline-block; vertical-align: middle;">
		    			<img src="../../assets/img/login_pic.png" alt="" style="width: 100%;height:100%;">
		    		</div>
		    		<p style="height: 0.8rem; line-height: 0.8rem; display: inline-block;font-size: 0.32rem;">{{prop_data_godEval.allCommentList[0].userName}}</p>
		    	</div>
		    	<p class="evalwrods">{{prop_data_godEval.allCommentList[0].content}}</p>
		    	<div class="evalPic">
		    		<p>
		    			<img src="../../assets/img/Bitmap.png" alt="" style="width: 100%;height: 100%;">
		    		</p>
		    		<p>
		    			<img src="../../assets/img/Bitmap.png" alt="" style="width: 100%;height: 100%;">
		    		</p>
		    		<p>
		    			<img src="../../assets/img/Bitmap.png" alt="" style="width: 100%;height: 100%;">
		    		</p>
		    	</div>
		    	<p class="evaltime" style="overflow: hidden;">
		    		<span class="fl">{{prop_data_godEval.allCommentList[0].createTime}}</span>
		    		<span class="fr">null</span>
		    		<span class="fr">null</span>
		    	</p>
		    	<p class="evalReplay">null    大家看大家大家啊看了打击大哭大叫艾迪康极大开多久接口就卡卡就打大哭大叫俺看的骄傲</p>
		    </li>
		</ul>
	</div>
</template>
<script>
	export default{
		name:'gooddeval',
		data(){
			return {
				//active:'SP',
			}
		},
		//props:['prop_data_godEval'],
		methods:{
			show_evalinfo:function(evalInfo){
				this.$router.push({
					path: "/evalinfo",
					name:  "evalinfo",
					params:{
						name:"evalinfo",
						paramesName: evalInfo //   参数名称自定义，obj: 需要传递的参数
					}
				})
			}
		},
		computed:{
			prop_data_godEval(){
				if(this.$store.state.goods.data_goodEval == undefined){
					return false;
				}
				//console.log(this.$store.state.goods.data_goodEval)
				return this.$store.state.goods.data_goodEval;
			},
			prop_data_gppdEvalVO(){
				if(this.$store.state.goods.data_goodEvalVO == undefined){
					return false;
				}
				return this.$store.state.goods.data_goodEvalVO;
			}

		},
		mounted:function(){
			this.prop_data_godEval
		},
		watch:{
			//"$route": "getGoodInfo" 
		}


	}
</script>
<style rel="stylesheet" scoped>
	.gooddeval_div{
		background-color: #FFF;
	}
	.usereval_div{
		height: 1.2rem;
		line-height: 1.2rem;
		box-sizing: border-box;
		padding: 0 0.4rem;
		background-color: #FFF;
		border-top: 0.0267rem solid #DDD;
		border-bottom: 0.0267rem solid #DDD;
		overflow: hidden;
	}
	.evallist_ul{
		padding: 0 0.4rem;
		box-sizing: border-box;
	}
	
</style>
